<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>导航</title>
    <link href="css/iconfont.css" rel="stylesheet">
    <link href="css/header_public.css" rel="stylesheet">   
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
</head>
<body>
    <div class="header">
        <div class="h-logo">
            <a href="">
                <img src="images/logo.png" >
            </a>
            <!-- <a href="" rel="">
                <span>人人都是设计师</span>
            </a>
            <div class="h-logo-hover">
                拖我到书签栏 收藏设计坞
            </div>
            <img class="h-logo-img" src="images/collect_line.png"> -->
        </div>
        <div class="h-navs">
            <div class="h-nav-btn">
                <a rel="nofollow" href="">模板中心</a>
                <div class="h-nav-temp">
                    <div class="h-nav-temp-cont">
                        <div class="h-nav-temp-top">
                            <span>每日更新<span class="sj-blue">1000+</span> 开通VIP可享受海量</span>
                            <a class="sj-btn" href="" target="_blank">开通个人VIP</a>
                        </div>
                        <ul class="h-nav-temp-temps">                                                                                             
                            <li>
                                <span class="temp-hot1 icon-media">
                                    <a rel="nofollow" href="">手机海报</a>
                                </span>
                                <ul class="h-nav-temp-subtemps">
                                    <li><a href="">节日节气</a></li>
                                    <li><a href="">宣传促销</a></li>
                                    <li><a href="">招聘纳新</a></li>
                                    <li><a href="">日签月签</a></li>
                                    <li><a href="">企业文化</a></li>
                                   <li><a href="">更多&gt;&gt;</a></li>
                                </ul>
                            </li>
                            <li>
                            <span class="temp-hot2 icon-paper">
                                <a href="">广告印刷</a>
                            </span>
                                <ul class="h-nav-temp-subtemps">
                                    <li><a href="">印刷海报</a></li>
                                    <li><a href="">宣传单</a></li>
                                    <li><a href="">名片</a></li>
                                    <li><a href="">竖版名片</a></li>
                                    <li><a href="">工作证</a></li>
                                    <li><a href="">更多&gt;&gt;</a></li> 
                                </ul>
                            </li>
                            <li>
                                <span class=" icon-ds">
                                    <a href=""> 新媒体配图</a>   
                                </span>
                                <ul class="h-nav-temp-subtemps">
                                    <li><a href="">公众号首图</a></li>
                                    <li><a href="">公众号次图</a></li>
                                    <li><a href="">朋友圈封面</a></li>
                                    <li><a href="">二维码</a></li>
                                    <li><a href="">课程封面</a></li>
                                    <li><a href="">更多&gt;&gt;</a></li> 
                                </ul>
                            </li>
                             <li>
                                <span class=" icon-print">
                                    <a href="">电商淘宝</a>
                                </span>
                                <ul class="h-nav-temp-subtemps">
                                    <li><a href="">淘宝banner</a></li>
                                    <li><a href="">直通车</a></li>
                                    <li><a href="">主图图标</a></li>
                                    <li><a href="">详情页</a></li>
                                    <li><a href="">首页</a></li>
                                    <li><a href="">更多&gt;&gt;</a></li> 
                                </ul>
                            </li>
                            <li>
                                <span class="temp-new icon-gif">
                                    <a href=""> GIF海报</a>
                                </span>
                                <ul class="h-nav-temp-subtemps">
                                    <li><a href="">节日节气</a></li>
                                    <li><a href="">日签月签</a></li>
                                    <li><a href="">餐饮美食</a></li>
                                    <li><a href="">宣传促销</a></li>
                                    <li><a href="">招聘纳新</a></li>
                                    <li><a href="">更多&gt;&gt;</a></li> 
                                </ul>
                            </li>
                            <li>
                                <span class=" ">
                                    <a href="">视频</a>
                                </span>
                                <ul class="h-nav-temp-subtemps">
                                    <li><a href="">节日祝福</a></li>
                                    <li><a href="">商品促销</a></li>
                                    <li><a href="">情感相册</a></li>
                                    <li><a href="">企业宣传</a></li>
                                    <li><a href="">党政机关</a></li>
                                    <li><a href="">更多&gt;&gt;</a></li> 
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="h-nav-btn" data-type="2">
                <a href="">热门分类</a>
                <div class="h-nav-temp h-nav-temp-down">
                    <ul>
                        <li><a href="">手机海报</a></li>
                        <li><a href="">GIF海报</a></li>
                        <li><a href="">电商淘宝</a></li>
                        <li><a href="">视频</a></li>
                        <li><a target="">裁剪神器</a></li>
                    </ul>
                </div>
            </div>
            <div class="h-nav-btn" data-type="1">
                <a href="">手机海报</a>
            </div>
            <div class="h-nav-btn" data-type="1">
                <a href="">GIF海报</a>
            </div>
            <div class="h-nav-btn" data-type="1">
                <a href="">视频</a>
                <span class="h-nav-icon h-nav-icon-new"></span>
            </div>
            <div class="h-nav-btn" data-type="1">
                <a href="">设计神器</a>
                <div class="h-nav-temp h-nav-temp-down">
                    <ul>
                        <li><a href="">裁剪神器</a></li>
                        <li><a href="">抠图神器</a></li>
                    </ul>
                </div>
            </div>
            <div class="h-nav-division"><span></span></div>
            <div class="h-nav-btn">
                <a href="">个人VIP</a>
                <span class="h-nav-icon"></span>
                <div class="h-nav-temp h-nav-temp-vip">
                    <ul class="h-nav-vip-auth">
                        <li class="h-nav-vip-title">
                            开通VIP即可获得
                        </li>
                        <li class="h-nav-vip-subtitle">
                            <span class="h-nav-line-left"></span>云端编辑海量下载 每天低至0.1元/天
                            <span class="h-nav-line-right"></span>
                        </li>
                        <li class="h-nav-vip-items">
                            <div>
                                <a href="">
                                    <img src="images/download.png" alt="">
                                    <span>高速下载</span>
                                </a>
                            </div>
                            <div>
                                <a href="">
                                    <img src="images/storage.png" alt="">
                                    <span>10G云端存储</span>
                                </a>
                            </div>
                            <div>
                                <a href="">
                                    <img src="images/hd.png" alt="">
                                    <span>无水印下载</span>
                                </a>
                            </div>
                            <div>
                                <a href="">
                                    <img src="images/collect.png" alt="">
                                    <span>海量收藏</span>
                                </a>
                            </div>
                        </li>
                        <li class="h-nav-vip-charge">
                            <a href="" class="h-nav-vip-btn">
                                <span class="h-nav-vip-icon"></span>
                                <span>开通个人VIP</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="h-nav-btn">
                <a href="">企业VIP</a>
                <span class="h-nav-icon"></span>
                <div class="h-nav-temp h-nav-temp-vip">
                    <div class="h-nav-temp-evip">
                        <p><span>设计坞</span> <span>企业VIP</span></p>
                        <div class="h-nav-temp-ebody">
                            <a href="">
                                <div class="h-nav-temp-etext">
                                    <p>企业VIP商用授权</p>
                                    <p>给公司用 让老板付钱</p>
                                </div>
                            </a>
                            <div class="h-nav-temp-eleft"></div>
                            <div class="h-nav-temp-eright"></div>
                        </div>
                        <div class="h-nav-temp-efoot">
                            <a href="" class="h-nav-temp-ebtn">立即开通</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="h-nav-btn">
                <a class="h-nav-btn-more"><span class="iconfont icon-diandiandian"></span></a>
                <div class="h-nav-temp h-nav-temp-down">
                    <ul>
                        <li><a href="">精品专题</a></li>
                        <li><a href="">设计师招聘</a></li>
                        <li><a href="">设计定制</a></li>
                        <li><a href="">软件教程</a></li>
                        <li><a href="">邀请活动</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="h-search">
            <input type="text" name="q" value=""  placeholder="100000+精选设计素材供你挑选" class="searchInput">
            <span class="iconfont icon-sousuo actionSearch"></span>
            <a href="" class="h-search-cancel "><span class="iconfont icon-guanbi2"></span></a>
            <div class="h-search-wrap">
                <div>
                    <div class="h-search-recent">
                        <span id="searchHistory">最近搜索: </span>
                    </div>
                    <ul class="h-search-items">
                        <li class="h-search-item h-search-hl ">
                            <a href="">
                                <span>五一劳动节</span>
                            </a>
                        </li>
                        <li class="h-search-item h-search-hl ">
                            <a href="">
                                <span>招聘</span>
                            </a>
                        </li>
                        <li class="h-search-item h-search-hl ">
                            <a href="">
                                <span>抗击疫情</span>
                            </a>
                        </li>
                        <li class="h-search-item  ">
                            <a href="">
                                <span>早安</span>
                            </a>
                        </li>
                        <li class="h-search-item  ">
                            <a href="">
                                <span>开业</span>
                            </a>
                        </li>
                        <li class="h-search-item  ">
                            <a href="">
                                <span>招生</span>
                            </a>
                        </li>
                        <li class="h-search-item  ">
                            <a href="">
                                <span>五四青年节</span>
                            </a>
                        </li>
                        <li class="h-search-item  ">
                           <a href="">
                                <span>春季促销</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="h-search-cata">
                <span>
                    <span class="select-show">全部</span>
                    <span class="iconfont icon-xiangxia"></span>
                </span>
                <ul class="h-search-cata-hover">
                    <li><a href="">全部</a></li>
                    <li><a href="">图片</a></li>
                    <li><a href="">动图</a></li>
                    <li><a href="">视频</a></li>
                </ul>
            </div>
        </div>
        <div class="h-info">
            <a class="h-login" href="">登录/注册</a>
        </div>
    </div>
</body>